<template>
<div class="webclass">
  <div id="webClass" style="width:100%; height:500px;"></div>
</div>
</template>

<script>
import echarts from 'echarts'

require('echarts/theme/halloween')

export default {
  name: 'Webclass',
  data() {
    return {
      webClass: "",
      depOption: {

        title: {
          text: '访问域名类别占比',

          x: 'left',
          padding: [10, 10]
        },
        tooltip: {
          trigger: 'item',
          formatter: function(x) {
      //      console.log(x);
            if (x.componentSubType == "pie") {
              return x.name + "<br/>" + x.value + "(" + x.percent + "%)";
            } else {
              return x.name + "</br>办公：" + x.value[0] +
                "</br>购物：" + x.value[1] +
                "</br>娱乐：" + x.value[2] +
                "</br>搜索：" + x.value[3] +
                "</br>开发：" + x.value[4] +
                "</br>技术：" + x.value[5] +
                "</br>赌博：" + x.value[6] +
                "</br>招聘：" + x.value[7]

            }
          }


        },
        legend: {
          top: 40,
          data: ['人力资源', '财务', '研发1', '研发2', '研发3'],
          selected: {
                '研发2':true,
                '人力资源':false,
                '财务':false,
                '研发1':false,
                '研发3':false

          },
          itemGap: 20,
          textStyle: {

            fontSize: 14
          },
          selectedMode: 'single'
        },

        radar: {
          indicator: [

            {
              text: '办公',
              max: 450
            },
            {
              text: '购物',
              max: 140
            },
            {
              text: '娱乐',
              max: 410
            },
            {
              text: '搜索',
              max: 190
            },
            {
              text: '开发',
              max: 220
            },
            {
              text: '技术',
              max: 160
            },
            {
              text: '赌博',
              max: 50
            },
            {
              text: '招聘',
              max: 320
            },

          ],
          center: ['50%', '55%'],
          radius: 160,
          startAngle: 90,
          shape: 'circle',
          splitNumber: 5,

          splitArea: {
            show: false
          },

        },
        series: [{
            name: '人力资源',
            type: 'radar',
            lineStyle: {
              normal: {
                width: 2,
                opacity: 0.8
              }
            },

            data: [{
              "depart": "1",
              "name": "1013",
              "value": [203, 0, 0, 110, 0, 0, 0, 0]
            }, {
              "depart": "1",
              "name": "1104",
              "value": [349, 0, 302, 40, 0, 0, 0, 0]
            }, {
              "depart": "1",
              "name": "1110",
              "value": [415, 0, 70, 76, 0, 0, 0, 0]
            }, {
              "depart": "1",
              "name": "1118",
              "value": [364, 0, 269, 57, 0, 0, 0, 0]
            }, {
              "depart": "1",
              "name": "1149",
              "value": [266, 0, 231, 117, 0, 0, 0, 0]
            }, {
              "depart": "1",
              "name": "1165",
              "value": [423, 0, 218, 179, 0, 0, 0, 0]
            }, {
              "depart": "1",
              "name": "1184",
              "value": [396, 0, 312, 78, 0, 0, 0, 0]
            }, {
              "depart": "1",
              "name": "1249",
              "value": [384, 64, 216, 53, 0, 0, 0, 0]
            }, {
              "depart": "1",
              "name": "1251",
              "value": [373, 128, 187, 70, 0, 0, 0, 0]
            }, {
              "depart": "1",
              "name": "1295",
              "value": [410, 0, 25, 118, 0, 0, 0, 0]
            }, {
              "depart": "1",
              "name": "1300",
              "value": [448, 112, 78, 189, 0, 0, 0, 0]
            }, {
              "depart": "1",
              "name": "1312",
              "value": [417, 0, 402, 28, 0, 0, 0, 0]
            }, {
              "depart": "1",
              "name": "1363",
              "value": [424, 127, 162, 112, 0, 0, 0, 0]
            }, {
              "depart": "1",
              "name": "1371",
              "value": [396, 0, 312, 32, 0, 0, 0, 0]
            }, {
              "depart": "1",
              "name": "1378",
              "value": [368, 96, 248, 27, 0, 0, 0, 0]
            }, {
              "depart": "1",
              "name": "1433",
              "value": [373, 140, 200, 20, 0, 0, 0, 0]
            }, {
              "depart": "1",
              "name": "1473",
              "value": [422, 45, 354, 56, 0, 0, 0, 0]
            }, {
              "depart": "1",
              "name": "1499",
              "value": [431, 0, 361, 85, 0, 0, 0, 0]
            }],
            symbol: 'none',

            areaStyle: {
              normal: {
                opacity: 0.1
              }
            },
            emphasis: {
              areaStyle: {
                opacity: 0.5
              }
            },
          },
          // {
          //   name: '人力资源',
          //   type: 'pie',
          //   center: ['75%', '50%'],
          //   radius: '28%',
          //   z: 100,
          //   radius: [30, 160],
          //
          //   roseType : 'area',
          //   data: [{
          //       value: 6862,
          //       name: '办公'
          //     },
          //     {
          //       value: 712,
          //       name: '购物'
          //     },
          //     {
          //       value: 1447,
          //       name: '搜索'
          //     },
          //     {
          //       value: 3947,
          //       name: '娱乐'
          //     }
          //   ],
          // },
          {
            name: '财务',
            type: 'radar',
            lineStyle: {
              normal: {
                width: 2,
                opacity: 0.8
              }
            },

            data: [{
              "depart": "2",
              "name": "1041",
              "value": [114, 12, 31, 59, 0, 0, 0, 0]
            }, {
              "depart": "2",
              "name": "1108",
              "value": [213, 41, 122, 46, 0, 0, 0, 0]
            }, {
              "depart": "2",
              "name": "1124",
              "value": [232, 0, 133, 87, 0, 0, 0, 0]
            }, {
              "depart": "2",
              "name": "1137",
              "value": [235, 0, 0, 171, 0, 0, 0, 0]
            }, {
              "depart": "2",
              "name": "1180",
              "value": [191, 28, 162, 38, 0, 0, 0, 0]
            }, {
              "depart": "2",
              "name": "1186",
              "value": [232, 66, 143, 20, 0, 0, 0, 0]
            }, {
              "depart": "2",
              "name": "1213",
              "value": [227, 25, 161, 29, 0, 0, 0, 0]
            }, {
              "depart": "2",
              "name": "1226",
              "value": [222, 35, 132, 54, 0, 0, 0, 0]
            }, {
              "depart": "2",
              "name": "1248",
              "value": [220, 0, 189, 36, 0, 0, 0, 8]
            }, {
              "depart": "2",
              "name": "1253",
              "value": [242, 0, 105, 105, 0, 0, 0, 0]
            }, {
              "depart": "2",
              "name": "1255",
              "value": [232, 69, 115, 54, 0, 0, 0, 0]
            }, {
              "depart": "2",
              "name": "1293",
              "value": [209, 0, 100, 89, 0, 0, 0, 0]
            }, {
              "depart": "2",
              "name": "1327",
              "value": [189, 12, 171, 40, 0, 0, 0, 0]
            }, {
              "depart": "2",
              "name": "1342",
              "value": [236, 93, 98, 33, 0, 0, 0, 0]
            }, {
              "depart": "2",
              "name": "1346",
              "value": [219, 0, 153, 63, 0, 0, 0, 0]
            }, {
              "depart": "2",
              "name": "1347",
              "value": [242, 116, 0, 84, 0, 0, 0, 0]
            }, {
              "depart": "2",
              "name": "1368",
              "value": [254, 0, 177, 34, 0, 0, 0, 0]
            }, {
              "depart": "2",
              "name": "1369",
              "value": [220, 0, 191, 30, 0, 0, 0, 0]
            }, {
              "depart": "2",
              "name": "1370",
              "value": [221, 31, 151, 26, 0, 0, 0, 0]
            }, {
              "depart": "2",
              "name": "1431",
              "value": [237, 34, 158, 23, 0, 0, 0, 0]
            }, {
              "depart": "2",
              "name": "1439",
              "value": [207, 55, 24, 104, 0, 0, 0, 0]
            }, {
              "depart": "2",
              "name": "1451",
              "value": [238, 58, 77, 96, 0, 0, 0, 0]
            }, {
              "depart": "2",
              "name": "1467",
              "value": [237, 80, 111, 23, 0, 0, 0, 0]
            }, {
              "depart": "2",
              "name": "1498",
              "value": [220, 98, 44, 90, 0, 0, 0, 0]
            }],
            symbol: 'none',

            areaStyle: {
              normal: {
                opacity: 0.05
              }
            },
            emphasis: {
              areaStyle: {
                opacity: 0.5
              }
            },
          },
          // {
          //   name: '财务',
          //   type: 'pie',
          //   center: ['75%', '50%'],
          //   radius: '28%',
          //   z: 100,
          //   radius: [30, 160],
          //
          //   roseType : 'area',
          //   data: [{
          //       value: 5289,
          //       name: '办公'
          //     },
          //     {
          //       value: 853,
          //       name: '购物'
          //     },
          //     {
          //       value: 1434,
          //       name: '搜索'
          //     },
          //     {
          //       value: 2748,
          //       name: '娱乐'
          //     },
          //     {
          //       value: 8,
          //       name: '招聘'
          //     },
          //   ],
          // },
          {
            name: '研发1',
            type: 'radar',
            lineStyle: {
              normal: {
                width: 2,
                opacity: 0.8
              }
            },

            data: [{
              "depart": "3.1",
              "name": "1007",
              "value": [150, 0, 7, 4, 106, 69, 0, 0]
            }, {
              "depart": "3.1.1",
              "name": "1087",
              "value": [285, 0, 112, 9, 145, 44, 0, 0]
            }, {
              "depart": "3.1.2",
              "name": "1092",
              "value": [297, 1, 87, 3, 158, 49, 10, 1]
            }, {
              "depart": "3.1.8",
              "name": "1102",
              "value": [359, 0, 58, 7, 183, 118, 0, 2]
            }, {
              "depart": "3.1.8",
              "name": "1106",
              "value": [307, 0, 71, 6, 157, 59, 0, 0]
            }, {
              "depart": "3.1.2",
              "name": "1112",
              "value": [310, 8, 104, 5, 187, 28, 0, 1]
            }, {
              "depart": "3.1.4",
              "name": "1113",
              "value": [345, 0, 18, 4, 190, 155, 0, 0]
            }, {
              "depart": "3.1.3",
              "name": "1115",
              "value": [375, 7, 44, 33, 216, 118, 0, 3]
            }, {
              "depart": "3.1.4",
              "name": "1125",
              "value": [293, 0, 27, 21, 125, 54, 34, 0]
            }, {
              "depart": "3.1.9",
              "name": "1129",
              "value": [313, 0, 78, 17, 167, 72, 0, 0]
            }, {
              "depart": "3.1.5",
              "name": "1132",
              "value": [322, 0, 102, 15, 179, 34, 0, 0]
            }, {
              "depart": "3.1.8",
              "name": "1134",
              "value": [288, 0, 83, 18, 147, 52, 10, 0]
            }, {
              "depart": "3.1.6",
              "name": "1140",
              "value": [385, 0, 92, 6, 183, 76, 0, 0]
            }, {
              "depart": "3.1.1",
              "name": "1141",
              "value": [295, 0, 25, 4, 151, 110, 0, 0]
            }, {
              "depart": "3.1.1",
              "name": "1151",
              "value": [303, 59, 47, 12, 158, 52, 0, 0]
            }, {
              "depart": "3.1.9",
              "name": "1167",
              "value": [332, 6, 53, 29, 144, 87, 0, 0]
            }, {
              "depart": "3.1.3",
              "name": "1169",
              "value": [378, 0, 73, 6, 199, 111, 0, 0]
            }, {
              "depart": "3.1.5",
              "name": "1172",
              "value": [369, 0, 72, 13, 165, 85, 0, 6]
            }, {
              "depart": "3.1.9",
              "name": "1182",
              "value": [319, 0, 51, 15, 170, 101, 0, 6]
            }, {
              "depart": "3.1.3",
              "name": "1183",
              "value": [321, 0, 74, 2, 166, 83, 0, 2]
            }, {
              "depart": "3.1.6",
              "name": "1192",
              "value": [282, 11, 33, 5, 155, 71, 39, 0]
            }, {
              "depart": "3.1.8",
              "name": "1195",
              "value": [369, 0, 84, 16, 161, 70, 0, 0]
            }, {
              "depart": "3.1.7",
              "name": "1197",
              "value": [338, 0, 53, 25, 156, 60, 42, 0]
            }, {
              "depart": "3.1.7",
              "name": "1199",
              "value": [352, 0, 47, 11, 142, 109, 0, 0]
            }, {
              "depart": "3.1.9",
              "name": "1200",
              "value": [370, 36, 51, 23, 178, 80, 0, 0]
            }, {
              "depart": "3.1.8",
              "name": "1205",
              "value": [334, 12, 67, 13, 180, 66, 0, 3]
            }, {
              "depart": "3.1.6",
              "name": "1210",
              "value": [375, 13, 71, 9, 184, 98, 0, 0]
            }, {
              "depart": "3.1.1",
              "name": "1220",
              "value": [333, 0, 110, 13, 185, 59, 0, 0]
            }, {
              "depart": "3.1.8",
              "name": "1221",
              "value": [337, 15, 29, 7, 165, 110, 0, 4]
            }, {
              "depart": "3.1.9",
              "name": "1223",
              "value": [319, 0, 31, 17, 155, 118, 0, 0]
            }, {
              "depart": "3.1.8",
              "name": "1224",
              "value": [382, 0, 53, 11, 163, 86, 31, 0]
            }, {
              "depart": "3.1.9",
              "name": "1230",
              "value": [285, 26, 12, 6, 147, 106, 0, 0]
            }, {
              "depart": "3.1.3",
              "name": "1233",
              "value": [281, 1, 111, 13, 174, 9, 0, 0]
            }, {
              "depart": "3.1.3",
              "name": "1243",
              "value": [267, 0, 95, 21, 159, 51, 0, 0]
            }, {
              "depart": "3.1.5",
              "name": "1246",
              "value": [383, 0, 53, 27, 196, 101, 0, 0]
            }, {
              "depart": "3.1.9",
              "name": "1252",
              "value": [338, 24, 80, 13, 190, 64, 0, 0]
            }, {
              "depart": "3.1.5",
              "name": "1257",
              "value": [367, 0, 59, 19, 180, 78, 0, 0]
            }, {
              "depart": "3.1.9",
              "name": "1265",
              "value": [347, 0, 92, 11, 183, 80, 0, 0]
            }, {
              "depart": "3.1.2",
              "name": "1270",
              "value": [330, 0, 110, 11, 192, 46, 0, 0]
            }, {
              "depart": "3.1.8",
              "name": "1275",
              "value": [317, 0, 113, 12, 145, 51, 0, 3]
            }, {
              "depart": "3.1.7",
              "name": "1278",
              "value": [288, 42, 36, 9, 133, 58, 0, 0]
            }, {
              "depart": "3.1.8",
              "name": "1281",
              "value": [311, 0, 7, 8, 150, 147, 0, 0]
            }, {
              "depart": "3.1.6",
              "name": "1282",
              "value": [325, 12, 76, 22, 150, 55, 0, 0]
            }, {
              "depart": "3.1.1",
              "name": "1286",
              "value": [272, 18, 62, 21, 141, 41, 0, 1]
            }, {
              "depart": "3.1.8",
              "name": "1299",
              "value": [335, 11, 75, 9, 157, 49, 0, 0]
            }, {
              "depart": "3.1.2",
              "name": "1301",
              "value": [326, 23, 39, 18, 163, 94, 0, 1]
            }, {
              "depart": "3.1.6",
              "name": "1303",
              "value": [299, 19, 37, 19, 159, 79, 0, 0]
            }, {
              "depart": "3.1.4",
              "name": "1307",
              "value": [285, 0, 45, 34, 158, 43, 6, 0]
            }, {
              "depart": "3.1.2",
              "name": "1308",
              "value": [321, 0, 53, 18, 177, 98, 0, 3]
            }, {
              "depart": "3.1.5",
              "name": "1314",
              "value": [340, 16, 73, 4, 154, 52, 12, 0]
            }, {
              "depart": "3.1.8",
              "name": "1323",
              "value": [334, 0, 75, 12, 151, 35, 42, 0]
            }, {
              "depart": "3.1.8",
              "name": "1326",
              "value": [309, 0, 46, 10, 160, 81, 0, 0]
            }, {
              "depart": "3.1.6",
              "name": "1340",
              "value": [365, 0, 36, 3, 197, 129, 0, 0]
            }, {
              "depart": "3.1.2",
              "name": "1344",
              "value": [355, 0, 90, 11, 173, 66, 0, 0]
            }, {
              "depart": "3.1.5",
              "name": "1345",
              "value": [366, 0, 78, 5, 173, 84, 0, 0]
            }, {
              "depart": "3.1.7",
              "name": "1348",
              "value": [336, 0, 75, 26, 157, 65, 0, 0]
            }, {
              "depart": "3.1.8",
              "name": "1351",
              "value": [311, 0, 42, 3, 164, 108, 0, 0]
            }, {
              "depart": "3.1.9",
              "name": "1354",
              "value": [362, 9, 82, 6, 154, 82, 0, 0]
            }, {
              "depart": "3.1.3",
              "name": "1357",
              "value": [349, 23, 68, 6, 148, 42, 0, 0]
            }, {
              "depart": "3.1.1",
              "name": "1373",
              "value": [345, 0, 41, 7, 152, 121, 0, 0]
            }, {
              "depart": "3.1.7",
              "name": "1391",
              "value": [396, 35, 24, 15, 169, 85, 0, 0]
            }, {
              "depart": "3.1.8",
              "name": "1393",
              "value": [350, 2, 53, 53, 183, 88, 0, 0]
            }, {
              "depart": "3.1.5",
              "name": "1397",
              "value": [339, 0, 65, 4, 207, 95, 0, 1]
            }, {
              "depart": "3.1.4",
              "name": "1398",
              "value": [363, 10, 100, 30, 199, 51, 0, 0]
            }, {
              "depart": "3.1.6",
              "name": "1403",
              "value": [335, 0, 88, 8, 158, 67, 0, 0]
            }, {
              "depart": "3.1.9",
              "name": "1404",
              "value": [319, 0, 30, 14, 173, 118, 0, 0]
            }, {
              "depart": "3.1.8",
              "name": "1406",
              "value": [355, 0, 102, 15, 158, 31, 0, 4]
            }, {
              "depart": "3.1.3",
              "name": "1408",
              "value": [384, 0, 63, 20, 185, 80, 0, 0]
            }, {
              "depart": "3.1.8",
              "name": "1416",
              "value": [264, 42, 39, 12, 156, 64, 0, 2]
            }, {
              "depart": "3.1.8",
              "name": "1417",
              "value": [290, 5, 57, 17, 158, 70, 0, 0]
            }, {
              "depart": "3.1.3",
              "name": "1423",
              "value": [353, 24, 107, 17, 146, 37, 0, 0]
            }, {
              "depart": "3.1.3",
              "name": "1425",
              "value": [273, 0, 41, 2, 160, 130, 0, 0]
            }, {
              "depart": "3.1.8",
              "name": "1429",
              "value": [361, 14, 33, 9, 176, 96, 0, 0]
            }, {
              "depart": "3.1.5",
              "name": "1436",
              "value": [337, 5, 118, 9, 140, 53, 0, 0]
            }, {
              "depart": "3.1.3",
              "name": "1455",
              "value": [340, 0, 34, 24, 170, 95, 0, 0]
            }, {
              "depart": "3.1.3",
              "name": "1459",
              "value": [275, 3, 80, 6, 141, 38, 0, 0]
            }, {
              "depart": "3.1.3",
              "name": "1464",
              "value": [302, 0, 53, 1, 161, 101, 0, 0]
            }, {
              "depart": "3.1.5",
              "name": "1466",
              "value": [321, 0, 55, 1, 158, 116, 0, 0]
            }, {
              "depart": "3.1.3",
              "name": "1471",
              "value": [360, 0, 126, 7, 164, 51, 0, 0]
            }, {
              "depart": "3.1.5",
              "name": "1475",
              "value": [340, 0, 9, 5, 165, 138, 0, 4]
            }, {
              "depart": "3.1.5",
              "name": "1477",
              "value": [315, 0, 19, 28, 167, 111, 0, 20]
            }, {
              "depart": "3.1.5",
              "name": "1480",
              "value": [335, 0, 83, 8, 177, 72, 0, 0]
            }, {
              "depart": "3.1.6",
              "name": "1484",
              "value": [376, 33, 47, 2, 165, 79, 20, 3]
            }, {
              "depart": "3.1.7",
              "name": "1486",
              "value": [299, 12, 38, 5, 178, 102, 0, 0]
            }, {
              "depart": "3.1.5",
              "name": "1490",
              "value": [285, 0, 47, 14, 176, 29, 51, 0]
            }, {
              "depart": "3.1.3",
              "name": "1491",
              "value": [401, 17, 138, 5, 183, 32, 0, 0]
            }, {
              "depart": "3.1.1",
              "name": "1494",
              "value": [293, 0, 76, 11, 127, 56, 0, 0]
            }, {
              "depart": "3.1.8",
              "name": "1495",
              "value": [331, 26, 66, 15, 163, 53, 0, 0]
            }],
            symbol: 'none',

            areaStyle: {
              normal: {
                opacity: 0.05
              }
            },
            emphasis: {
              areaStyle: {
                opacity: 0.5
              }
            },
          },


          // {
          //   name: '研发1',
          //   type: 'pie',
          //   center: ['75%', '50%'],
          //   radius: '28%',
          //   z: 100,
          //   radius: [30, 160],
          //
          //   roseType : 'area',
          //   data: [{
          //       value: 14520,
          //       name: '开发'
          //     },
          //     {
          //       value: 28878,
          //       name: '办公'
          //     },
          //     {
          //       value: 297,
          //       name: '赌博'
          //     },
          //     {
          //       value: 620,
          //       name: '购物'
          //     },
          //     {
          //       value: 6737,
          //       name: '技术'
          //     },
          //     {
          //       value: 1120,
          //       name: '搜索'
          //     },
          //     {
          //       value: 5559,
          //       name: '娱乐'
          //     },
          //     {
          //       value: 70,
          //       name: '招聘'
          //     },
          //   ],
          // },
          {
            name: '研发2',
            type: 'radar',
            lineStyle: {
              normal: {
                width: 2,
                opacity: 0.8
              }
            },

            data: [{
              "depart": "3.2.1",
              "name": "1057",
              "value": [271, 0, 70, 11, 140, 52, 0, 0]
            }, {
              "depart": "3.2.2",
              "name": "1058",
              "value": [213, 0, 32, 17, 115, 84, 0, 0]
            }, {
              "depart": "3.2",
              "name": "1059",
              "value": [163, 0, 16, 5, 76, 70, 0, 0]
            }, {
              "depart": "3.2.3",
              "name": "1079",
              "value": [260, 0, 53, 3, 134, 61, 0, 0]
            }, {
              "depart": "3.2.4",
              "name": "1080",
              "value": [268, 1, 97, 4, 116, 24, 3, 0]
            }, {
              "depart": "3.2.5",
              "name": "1096",
              "value": [224, 0, 40, 15, 119, 58, 0, 1]
            }, {
              "depart": "3.2.6",
              "name": "1101",
              "value": [235, 0, 55, 8, 130, 46, 8, 0]
            }, {
              "depart": "3.2.7",
              "name": "1119",
              "value": [242, 0, 5, 1, 131, 104, 0, 0]
            }, {
              "depart": "3.2.2",
              "name": "1130",
              "value": [244, 0, 47, 5, 138, 80, 0, 0]
            }, {
              "depart": "3.2.7",
              "name": "1135",
              "value": [261, 0, 44, 16, 130, 35, 45, 0]
            }, {
              "depart": "3.2.1",
              "name": "1142",
              "value": [275, 0, 91, 12, 133, 26, 10, 0]
            }, {
              "depart": "3.2.8",
              "name": "1143",
              "value": [264, 0, 10, 26, 137, 83, 7, 0]
            }, {
              "depart": "3.2.7",
              "name": "1148",
              "value": [260, 18, 68, 12, 146, 37, 0, 0]
            }, {
              "depart": "3.2.1",
              "name": "1150",
              "value": [253, 0, 18, 10, 134, 55, 38, 3]
            }, {
              "depart": "3.2.9",
              "name": "1155",
              "value": [267, 5, 19, 12, 128, 63, 0, 13]
            }, {
              "depart": "3.2.8",
              "name": "1163",
              "value": [252, 0, 16, 7, 118, 100, 0, 0]
            }, {
              "depart": "3.2.10",
              "name": "1164",
              "value": [249, 8, 51, 12, 113, 63, 0, 0]
            }, {
              "depart": "3.2.2",
              "name": "1171",
              "value": [240, 0, 50, 4, 130, 72, 0, 0]
            }, {
              "depart": "3.2.1",
              "name": "1173",
              "value": [229, 0, 66, 9, 132, 69, 0, 0]
            }, {
              "depart": "3.2.11",
              "name": "1174",
              "value": [265, 0, 63, 6, 108, 42, 0, 0]
            }, {
              "depart": "3.2.6",
              "name": "1175",
              "value": [274, 21, 42, 16, 115, 38, 0, 0]
            }, {
              "depart": "3.2.11",
              "name": "1177",
              "value": [270, 0, 111, 4, 142, 2, 0, 0]
            }, {
              "depart": "3.2.11",
              "name": "1178",
              "value": [252, 0, 47, 8, 150, 65, 0, 0]
            }, {
              "depart": "3.2.6",
              "name": "1179",
              "value": [252, 0, 19, 27, 132, 96, 0, 0]
            }, {
              "depart": "3.2.4",
              "name": "1181",
              "value": [243, 0, 60, 4, 129, 72, 0, 0]
            }, {
              "depart": "3.2.4",
              "name": "1193",
              "value": [250, 0, 17, 4, 126, 91, 0, 0]
            }, {
              "depart": "3.2.4",
              "name": "1194",
              "value": [232, 4, 54, 2, 128, 79, 0, 0]
            }, {
              "depart": "3.2.2",
              "name": "1202",
              "value": [278, 0, 44, 8, 138, 76, 0, 4]
            }, {
              "depart": "3.2.9",
              "name": "1206",
              "value": [219, 0, 27, 5, 109, 86, 0, 0]
            }, {
              "depart": "3.2.10",
              "name": "1211",
              "value": [248, 1, 75, 5, 147, 38, 0, 1]
            }, {
              "depart": "3.2.9",
              "name": "1216",
              "value": [271, 0, 46, 7, 138, 71, 0, 7]
            }, {
              "depart": "3.2.8",
              "name": "1217",
              "value": [260, 0, 88, 9, 139, 14, 0, 0]
            }, {
              "depart": "3.2.3",
              "name": "1219",
              "value": [262, 4, 59, 3, 139, 58, 0, 0]
            }, {
              "depart": "3.2.11",
              "name": "1228",
              "value": [234, 0, 48, 4, 131, 72, 0, 0]
            }, {
              "depart": "3.2.10",
              "name": "1231",
              "value": [263, 0, 17, 21, 127, 73, 0, 0]
            }, {
              "depart": "3.2.7",
              "name": "1238",
              "value": [245, 0, 70, 7, 126, 44, 0, 0]
            }, {
              "depart": "3.2.5",
              "name": "1239",
              "value": [278, 10, 15, 4, 126, 104, 0, 0]
            }, {
              "depart": "3.2.6",
              "name": "1241",
              "value": [259, 0, 52, 5, 137, 67, 0, 0]
            }, {
              "depart": "3.2.7",
              "name": "1244",
              "value": [294, 11, 61, 12, 143, 47, 0, 0]
            }, {
              "depart": "3.2.2",
              "name": "1245",
              "value": [262, 0, 65, 8, 124, 59, 0, 0]
            }, {
              "depart": "3.2.5",
              "name": "1254",
              "value": [259, 10, 63, 4, 110, 38, 0, 0]
            }, {
              "depart": "3.2.2",
              "name": "1261",
              "value": [255, 0, 36, 3, 128, 91, 0, 0]
            }, {
              "depart": "3.2.3",
              "name": "1262",
              "value": [252, 7, 39, 11, 138, 72, 0, 0]
            }, {
              "depart": "3.2.9",
              "name": "1267",
              "value": [254, 5, 50, 1, 120, 78, 0, 0]
            }, {
              "depart": "3.2.7",
              "name": "1268",
              "value": [246, 14, 96, 11, 120, 13, 0, 0]
            }, {
              "depart": "3.2.11",
              "name": "1273",
              "value": [249, 7, 31, 31, 128, 59, 0, 0]
            }, {
              "depart": "3.2.7",
              "name": "1274",
              "value": [283, 3, 45, 15, 136, 65, 0, 0]
            }, {
              "depart": "3.2.8",
              "name": "1279",
              "value": [240, 0, 63, 24, 130, 48, 0, 0]
            }, {
              "depart": "3.2.9",
              "name": "1283",
              "value": [233, 0, 42, 6, 118, 62, 0, 0]
            }, {
              "depart": "3.2.10",
              "name": "1284",
              "value": [271, 0, 82, 10, 120, 61, 0, 0]
            }, {
              "depart": "3.2.10",
              "name": "1287",
              "value": [253, 3, 82, 15, 117, 29, 0, 0]
            }, {
              "depart": "3.2.11",
              "name": "1290",
              "value": [257, 0, 88, 7, 125, 15, 0, 0]
            }, {
              "depart": "3.2.7",
              "name": "1291",
              "value": [259, 0, 25, 7, 135, 92, 0, 1]
            }, {
              "depart": "3.2.4",
              "name": "1297",
              "value": [243, 0, 48, 4, 114, 55, 0, 0]
            }, {
              "depart": "3.2.8",
              "name": "1304",
              "value": [245, 21, 32, 26, 128, 54, 0, 0]
            }, {
              "depart": "3.2.4",
              "name": "1311",
              "value": [272, 11, 7, 7, 160, 122, 0, 1]
            }, {
              "depart": "3.2.6",
              "name": "1313",
              "value": [280, 0, 56, 10, 138, 51, 0, 0]
            }, {
              "depart": "3.2.8",
              "name": "1324",
              "value": [266, 0, 49, 2, 136, 74, 0, 0]
            }, {
              "depart": "3.2.6",
              "name": "1325",
              "value": [294, 0, 57, 3, 135, 69, 0, 0]
            }, {
              "depart": "3.2.9",
              "name": "1332",
              "value": [236, 0, 0, 17, 114, 118, 0, 0]
            }, {
              "depart": "3.2.2",
              "name": "1333",
              "value": [208, 1, 62, 13, 128, 54, 0, 0]
            }, {
              "depart": "3.2.6",
              "name": "1338",
              "value": [255, 0, 53, 9, 104, 61, 0, 0]
            }, {
              "depart": "3.2.6",
              "name": "1350",
              "value": [259, 0, 47, 19, 136, 88, 0, 0]
            }, {
              "depart": "3.2.6",
              "name": "1352",
              "value": [221, 11, 76, 5, 97, 41, 14, 0]
            }, {
              "depart": "3.2.8",
              "name": "1355",
              "value": [239, 0, 50, 9, 128, 54, 26, 0]
            }, {
              "depart": "3.2.6",
              "name": "1356",
              "value": [272, 19, 35, 17, 126, 60, 0, 0]
            }, {
              "depart": "3.2.7",
              "name": "1360",
              "value": [244, 16, 12, 9, 129, 60, 12, 0]
            }, {
              "depart": "3.2.1",
              "name": "1361",
              "value": [298, 0, 53, 15, 122, 69, 0, 0]
            }, {
              "depart": "3.2.4",
              "name": "1364",
              "value": [261, 0, 8, 3, 123, 116, 4, 0]
            }, {
              "depart": "3.2.10",
              "name": "1365",
              "value": [251, 0, 56, 27, 129, 46, 0, 0]
            }, {
              "depart": "3.2.8",
              "name": "1367",
              "value": [243, 0, 39, 6, 146, 65, 0, 0]
            }, {
              "depart": "3.2.1",
              "name": "1374",
              "value": [252, 0, 69, 5, 124, 47, 0, 0]
            }, {
              "depart": "3.2.4",
              "name": "1376",
              "value": [269, 17, 24, 12, 127, 62, 0, 252]
            }, {
              "depart": "3.2.8",
              "name": "1380",
              "value": [277, 0, 37, 5, 135, 88, 0, 0]
            }, {
              "depart": "3.2.8",
              "name": "1381",
              "value": [278, 0, 30, 11, 119, 89, 0, 0]
            }, {
              "depart": "3.2.10",
              "name": "1382",
              "value": [228, 0, 61, 3, 117, 71, 0, 0]
            }, {
              "depart": "3.2.2",
              "name": "1383",
              "value": [217, 0, 126, 3, 120, 28, 0, 0]
            }, {
              "depart": "3.2.4",
              "name": "1384",
              "value": [285, 16, 25, 5, 118, 76, 0, 0]
            }, {
              "depart": "3.2.9",
              "name": "1389",
              "value": [255, 0, 116, 13, 111, 19, 0, 0]
            }, {
              "depart": "3.2.7",
              "name": "1390",
              "value": [255, 0, 79, 11, 134, 43, 0, 0]
            }, {
              "depart": "3.2.11",
              "name": "1394",
              "value": [273, 0, 38, 6, 140, 71, 0, 0]
            }, {
              "depart": "3.2.3",
              "name": "1395",
              "value": [291, 0, 74, 7, 136, 63, 0, 0]
            }, {
              "depart": "3.2.7",
              "name": "1401",
              "value": [233, 21, 26, 21, 155, 58, 0, 0]
            }, {
              "depart": "3.2.5",
              "name": "1402",
              "value": [221, 15, 50, 8, 118, 52, 0, 0]
            }, {
              "depart": "3.2.9",
              "name": "1409",
              "value": [278, 0, 35, 8, 119, 96, 0, 0]
            }, {
              "depart": "3.2.1",
              "name": "1410",
              "value": [238, 0, 54, 7, 132, 65, 0, 0]
            }, {
              "depart": "3.2.10",
              "name": "1411",
              "value": [273, 0, 32, 13, 121, 64, 0, 1]
            }, {
              "depart": "3.2.9",
              "name": "1421",
              "value": [248, 6, 30, 2, 141, 68, 16, 0]
            }, {
              "depart": "3.2.4",
              "name": "1422",
              "value": [283, 0, 23, 3, 129, 121, 4, 0]
            }, {
              "depart": "3.2.2",
              "name": "1424",
              "value": [257, 0, 26, 9, 137, 76, 21, 0]
            }, {
              "depart": "3.2.8",
              "name": "1434",
              "value": [278, 0, 52, 23, 142, 35, 0, 0]
            }, {
              "depart": "3.2.8",
              "name": "1438",
              "value": [286, 0, 64, 8, 130, 79, 0, 0]
            }, {
              "depart": "3.2.9",
              "name": "1444",
              "value": [222, 4, 66, 9, 118, 46, 0, 0]
            }, {
              "depart": "3.2.2",
              "name": "1445",
              "value": [251, 0, 42, 8, 142, 63, 0, 0]
            }, {
              "depart": "3.2.4",
              "name": "1449",
              "value": [289, 6, 51, 7, 127, 84, 0, 0]
            }, {
              "depart": "3.2.2",
              "name": "1450",
              "value": [221, 0, 82, 12, 114, 43, 0, 0]
            }, {
              "depart": "3.2.6",
              "name": "1461",
              "value": [213, 0, 55, 5, 114, 58, 0, 3]
            }, {
              "depart": "3.2.9",
              "name": "1462",
              "value": [237, 0, 28, 10, 144, 85, 0, 0]
            }, {
              "depart": "3.2.11",
              "name": "1465",
              "value": [256, 0, 44, 6, 129, 64, 0, 0]
            }, {
              "depart": "3.2.9",
              "name": "1470",
              "value": [260, 9, 97, 1, 123, 23, 0, 0]
            }, {
              "depart": "3.2.5",
              "name": "1478",
              "value": [244, 10, 46, 22, 149, 64, 0, 0]
            }, {
              "depart": "3.2.3",
              "name": "1482",
              "value": [281, 0, 39, 15, 139, 75, 0, 0]
            }, {
              "depart": "3.2.11",
              "name": "1487",
              "value": [231, 13, 76, 20, 109, 3, 35, 311]
            }, {
              "depart": "3.2.2",
              "name": "1489",
              "value": [254, 0, 29, 6, 145, 108, 0, 0]
            }, {
              "depart": "3.2.10",
              "name": "1497",
              "value": [264, 3, 43, 4, 128, 79, 0, 0]
            }, {
              "depart": "3.2.5",
              "name": "1500",
              "value": [236, 0, 81, 2, 127, 56, 0, 0]
            }, {
              "depart": "3.2.5",
              "name": "1500",
              "value": [0, 0, 0, 0, 0, 0, 0, 0]
            }, {
              "depart": "3.2.5",
              "name": "1500",
              "value": [0, 0, 0, 0, 0, 0, 0, 0]
            }, {
              "depart": "3.2.5",
              "name": "1500",
              "value": [0, 0, 0, 0, 0, 0, 0, 0]
            }, {
              "depart": "3.2.5",
              "name": "1500",
              "value": [0, 0, 0, 0, 0, 0, 0, 0]
            }, {
              "depart": "3.2.5",
              "name": "1500",
              "value": [0, 0, 0, 0, 0, 0, 0, 0]
            }, {
              "depart": "3.2.5",
              "name": "1500",
              "value": [0, 0, 0, 0, 0, 0, 0, 0]
            }, {
              "depart": "3.2.5",
              "name": "1500",
              "value": [0, 0, 0, 0, 0, 0, 0, 0]
            }, {
              "depart": "3.2.5",
              "name": "1500",
              "value": [0, 0, 0, 0, 0, 0, 0, 0]
            }, {
              "depart": "3.2.5",
              "name": "1500",
              "value": [0, 0, 0, 0, 0, 0, 0, 0]
            }, {
              "depart": "3.2.5",
              "name": "1500",
              "value": [0, 0, 0, 0, 0, 0, 0, 0]
            }, {
              "depart": "3.2.5",
              "name": "1500",
              "value": [0, 0, 0, 0, 0, 0, 0, 0]
            }, {
              "depart": "3.2.5",
              "name": "1500",
              "value": [0, 0, 0, 0, 0, 0, 0, 0]
            }, {
              "depart": "3.2.5",
              "name": "1500",
              "value": [0, 0, 0, 0, 0, 0, 0, 0]
            }, {
              "depart": "3.2.5",
              "name": "1500",
              "value": [0, 0, 0, 0, 0, 0, 0, 0]
            }],
            symbol: 'none',

            areaStyle: {
              normal: {
                opacity: 0.05
              }
            },
            emphasis: {
              areaStyle: {
                opacity: 0.5
              }
            },
          },

          // {
          //   name: '研发2',
          //   type: 'pie',
          //   center: ['75%', '50%'],
          //   radius: '28%',
          //   z: 100,
          //   radius: [30, 160],
          //
          //   roseType : 'area',
          //   data: [{
          //       value: 13585,
          //       name: '开发'
          //     },
          //     {
          //       value: 26913,
          //       name: '办公'
          //     },
          //     {
          //       value: 243,
          //       name: '赌博'
          //     },
          //     {
          //       value: 331,
          //       name: '购物'
          //     },
          //     {
          //       value: 6678,
          //       name: '技术'
          //     },
          //     {
          //       value: 1014,
          //       name: '搜索'
          //     },
          //     {
          //       value: 5260,
          //       name: '娱乐'
          //     },
          //     {
          //       value: 598,
          //       name: '招聘'
          //     },
          //   ],
          // },
          {
            name: '研发3',
            type: 'radar',
            lineStyle: {
              normal: {
                width: 2,
                opacity: 0.8
              }
            },
            data: [{
              "depart": "3.3.1",
              "name": "1060",
              "value": [236, 16, 22, 1, 118, 85, 0, 0]
            }, {
              "depart": "3.3",
              "name": "1068",
              "value": [146, 0, 24, 10, 71, 33, 0, 0]
            }, {
              "depart": "3.3.2",
              "name": "1098",
              "value": [201, 0, 26, 4, 136, 82, 0, 0]
            }, {
              "depart": "3.3.3",
              "name": "1100",
              "value": [214, 1, 11, 2, 114, 94, 0, 0]
            }, {
              "depart": "3.3.6",
              "name": "1103",
              "value": [244, 0, 86, 3, 130, 24, 0, 0]
            }, {
              "depart": "3.3.7",
              "name": "1126",
              "value": [261, 0, 40, 5, 115, 72, 0, 0]
            }, {
              "depart": "3.3.2",
              "name": "1127",
              "value": [257, 0, 74, 25, 142, 45, 0, 0]
            }, {
              "depart": "3.3.3",
              "name": "1139",
              "value": [255, 0, 42, 1, 114, 59, 0, 0]
            }, {
              "depart": "3.3.1",
              "name": "1145",
              "value": [230, 21, 2, 3, 106, 103, 0, 0]
            }, {
              "depart": "3.3.3",
              "name": "1147",
              "value": [243, 0, 39, 5, 139, 76, 0, 1]
            }, {
              "depart": "3.3.4",
              "name": "1152",
              "value": [244, 20, 29, 14, 127, 58, 0, 0]
            }, {
              "depart": "3.3.7",
              "name": "1153",
              "value": [240, 0, 69, 5, 114, 62, 0, 0]
            }, {
              "depart": "3.3.4",
              "name": "1154",
              "value": [251, 0, 82, 3, 100, 29, 0, 0]
            }, {
              "depart": "3.3.5",
              "name": "1156",
              "value": [241, 11, 51, 4, 113, 61, 0, 0]
            }, {
              "depart": "3.3.3",
              "name": "1159",
              "value": [220, 0, 60, 3, 91, 39, 0, 2]
            }, {
              "depart": "3.3.3",
              "name": "1170",
              "value": [241, 17, 56, 18, 121, 22, 14, 3]
            }, {
              "depart": "3.3.4",
              "name": "1176",
              "value": [260, 0, 33, 5, 131, 58, 26, 0]
            }, {
              "depart": "3.3.6",
              "name": "1189",
              "value": [228, 0, 58, 9, 108, 52, 0, 0]
            }, {
              "depart": "3.3.5",
              "name": "1191",
              "value": [271, 0, 30, 15, 124, 87, 0, 0]
            }, {
              "depart": "3.3.5",
              "name": "1204",
              "value": [261, 18, 26, 1, 117, 87, 0, 0]
            }, {
              "depart": "3.3.6",
              "name": "1207",
              "value": [226, 0, 33, 17, 132, 67, 10, 0]
            }, {
              "depart": "3.3.7",
              "name": "1209",
              "value": [200, 0, 87, 9, 101, 15, 0, 3]
            }, {
              "depart": "3.3.3",
              "name": "1234",
              "value": [247, 10, 71, 2, 125, 52, 0, 0]
            }, {
              "depart": "3.3.6",
              "name": "1263",
              "value": [243, 0, 61, 2, 126, 43, 0, 0]
            }, {
              "depart": "3.3.2",
              "name": "1277",
              "value": [239, 7, 30, 3, 128, 69, 0, 0]
            }, {
              "depart": "3.3.6",
              "name": "1296",
              "value": [246, 2, 20, 8, 125, 85, 0, 0]
            }, {
              "depart": "3.3.3",
              "name": "1305",
              "value": [243, 0, 65, 7, 93, 60, 0, 0]
            }, {
              "depart": "3.3.1",
              "name": "1306",
              "value": [225, 6, 46, 18, 126, 61, 8, 0]
            }, {
              "depart": "3.3.4",
              "name": "1315",
              "value": [204, 1, 55, 10, 127, 47, 0, 0]
            }, {
              "depart": "3.3.6",
              "name": "1319",
              "value": [228, 0, 33, 10, 110, 70, 0, 0]
            }, {
              "depart": "3.3.3",
              "name": "1321",
              "value": [267, 0, 22, 16, 108, 93, 0, 0]
            }, {
              "depart": "3.3.7",
              "name": "1322",
              "value": [249, 0, 57, 10, 116, 57, 0, 0]
            }, {
              "depart": "3.3.1",
              "name": "1328",
              "value": [220, 0, 46, 3, 115, 64, 0, 1]
            }, {
              "depart": "3.3.6",
              "name": "1330",
              "value": [251, 11, 73, 9, 125, 37, 0, 0]
            }, {
              "depart": "3.3.2",
              "name": "1334",
              "value": [263, 1, 1, 16, 120, 94, 0, 0]
            }, {
              "depart": "3.3.1",
              "name": "1336",
              "value": [243, 0, 93, 7, 122, 42, 0, 0]
            }, {
              "depart": "3.3.7",
              "name": "1339",
              "value": [222, 3, 24, 2, 116, 82, 0, 0]
            }, {
              "depart": "3.3.2",
              "name": "1343",
              "value": [252, 21, 67, 6, 130, 28, 0, 0]
            }, {
              "depart": "3.3.7",
              "name": "1349",
              "value": [229, 2, 74, 7, 144, 43, 0, 0]
            }, {
              "depart": "3.3.1",
              "name": "1359",
              "value": [277, 9, 30, 4, 143, 71, 0, 0]
            }, {
              "depart": "3.3.3",
              "name": "1362",
              "value": [224, 8, 52, 6, 134, 66, 0, 0]
            }, {
              "depart": "3.3.3",
              "name": "1379",
              "value": [253, 0, 15, 8, 104, 92, 0, 0]
            }, {
              "depart": "3.3.3",
              "name": "1385",
              "value": [242, 0, 57, 7, 105, 55, 0, 0]
            }, {
              "depart": "3.3.7",
              "name": "1388",
              "value": [239, 1, 53, 20, 118, 66, 0, 1]
            }, {
              "depart": "3.3.1",
              "name": "1396",
              "value": [252, 0, 30, 2, 120, 93, 0, 1]
            }, {
              "depart": "3.3.6",
              "name": "1399",
              "value": [233, 29, 48, 11, 118, 56, 1, 0]
            }, {
              "depart": "3.3.3",
              "name": "1405",
              "value": [263, 0, 58, 9, 123, 54, 3, 0]
            }, {
              "depart": "3.3.4",
              "name": "1420",
              "value": [212, 0, 51, 4, 104, 39, 0, 0]
            }, {
              "depart": "3.3.5",
              "name": "1428",
              "value": [216, 0, 88, 14, 100, 20, 0, 0]
            }, {
              "depart": "3.3.5",
              "name": "1435",
              "value": [211, 0, 48, 4, 99, 74, 0, 0]
            }, {
              "depart": "3.3.1",
              "name": "1440",
              "value": [265, 0, 47, 5, 122, 71, 0, 0]
            }, {
              "depart": "3.3.1",
              "name": "1446",
              "value": [249, 0, 57, 1, 114, 59, 0, 0]
            }, {
              "depart": "3.3.5",
              "name": "1456",
              "value": [223, 0, 48, 24, 138, 44, 0, 0]
            }, {
              "depart": "3.3.1",
              "name": "1457",
              "value": [267, 0, 58, 34, 112, 16, 0, 0]
            }, {
              "depart": "3.3.3",
              "name": "1458",
              "value": [239, 0, 59, 2, 108, 34, 5, 0]
            }, {
              "depart": "3.3.7",
              "name": "1460",
              "value": [235, 0, 35, 5, 123, 60, 0, 0]
            }, {
              "depart": "3.3.5",
              "name": "1469",
              "value": [259, 23, 40, 28, 122, 39, 0, 0]
            }, {
              "depart": "3.3.3",
              "name": "1474",
              "value": [211, 0, 29, 2, 105, 73, 0, 0]
            }, {
              "depart": "3.3.3",
              "name": "1481",
              "value": [266, 10, 59, 17, 101, 53, 0, 0]
            }, {
              "depart": "3.3.5",
              "name": "1483",
              "value": [199, 0, 59, 6, 106, 52, 0, 0]
            }, {
              "depart": "3.3.3",
              "name": "1493",
              "value": [259, 0, 50, 5, 127, 58, 0, 0]
            }, {
              "depart": "3.3.2",
              "name": "1496",
              "value": [265, 0, 57, 5, 131, 78, 0, 0]
            }],
            symbol: 'none',

            areaStyle: {
              normal: {
                opacity: 0.05
              }
            },
            emphasis: {
              areaStyle: {
                opacity: 0.5
              }
            },
          },

      //     {
      //       name: '研发3',
      //       type: 'pie',
      //       center: ['75%', '50%'],
      //       radius: '28%',
      //       z: 100,
      //       radius: [30, 160],
      //
      //       roseType : 'area',
      //       data: [{
      //           value: 7297,
      //           name: '开发'
      //         },
      //         {
      //           value: 14800,
      //           name: '办公'
      //         },
      //         {
      //           value: 67,
      //           name: '赌博'
      //         },
      //         {
      //           value: 248,
      //           name: '购物'
      //         },
      //         {
      //           value: 3660,
      //           name: '技术'
      //         },
      //         {
      //           value: 521,
      //           name: '搜索'
      //         },
      //         {
      //           value: 2946,
      //           name: '娱乐'
      //         },
      //         {
      //           value: 12,
      //           name: '招聘'
      //         },
      //       ],
      //     },
      //
         ]
       }

    }
  },
  mounted: function() {
    this.webClass = echarts.init(document.getElementById('webClass'), 'halloween')
    this.webClass.setOption(this.depOption)

  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.webclass {
    border: #ccc 1px solid;
    margin-right: 10px;
}
</style>
